<template>
  <div>
    <!--  :value="value" 实现数据变引起视图变 -->
    <!-- @change="changeCity" 实现视图变 引起数据变 -->
    <select :value="value" @change="changeCity">
      <option value="101">北京</option>
      <option value="102">上海</option>
      <option value="103">武汉</option>
      <option value="104">广州</option>
      <option value="105">深圳</option>
    </select>
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: String,
      required: true,
    },
  },
  methods: {
    changeCity(e) {
      // console.log(e.target.value)
      this.$emit('input',e.target.value)
    },
  },
}
</script>

<style>
</style>